<#-- since ${.now?string["yyyy-MM-dd"]}-->
<div id="app" v-cloak>
    <el-card class="box-card">
        <el-form class="search" :inline="true" :model="vm" ref="vm" label-position="right" label-width="90px">
<#list fields as item>
    <#if item.isQuery || item.isLike>
        <#if item.getFieldTypeJava() =="Boolean" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-radio-group v-model="vm.${item.getFName()}" clearable size="mini">
                    <el-radio :label="true">${item.getLabel("true","是")}</el-radio>
                    <el-radio :label="false">${item.getLabel("false","否")}</el-radio>
                </el-radio-group>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Byte" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" type="number" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" min="-128" max="127" step="1"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Character" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" minlength="0" maxlength="1"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Short" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" type="number" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" min="-32768" max="32767" step="1"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Integer" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" type="number" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" min="-2147483648" max="2147483647" step="1"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Long" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" type="number" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" step="1"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Float" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" type="number" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" step="0.01"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Double" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" type="number" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" step="0.01"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Date" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-date-picker
                        size="mini"
                        v-model="vm.${item.getFName()}"
                        format="yyyy-MM-dd HH:mm:ss"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        type="datetime"
                        placeholder="选择日期时间">
                </el-date-picker>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="BigDecimal" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="vm.${item.getFName()}"clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :step="1" step-strictly :precision="2" :step="0.01"></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" &&  item.fieldType == "Dict" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-dict v-model="vm.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" dict-name="${item.getFieldName()}" ></el-input-dict>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" &&  item.fieldType == "Select" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-select v-model="vm.${item.getFName()}" clearable size="mini" filterable placeholder="请输入${item.fieldComment?default("")}">
                    <#list item.selectItems as st>
                    <el-option key="${st.value}" label="${st.label}" value="${st.value}"></el-option>
                    </#list>
                </el-select>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" && item.isQuery>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}" @keyup.enter.native="onSearch" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}"></el-input>
            </el-form-item>
        </#if>
        <#if item.getFieldTypeJava() =="String" && item.isLike>
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="vm.${item.getFName()}Like" @keyup.enter.native="onSearch" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}模糊查询"></el-input>
            </el-form-item>
        </#if>
    </#if>
</#list>
            <el-form-item label="开始日期" prop="startDate">
                <el-date-picker v-model="vm.startDate" clearable size="mini" placeholder="请输入开始日期" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
            </el-form-item>
            <el-form-item label="结束日期" prop="endDate">
                <el-date-picker v-model="vm.endDate" clearable size="mini" placeholder="请输入结束日期" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" size="mini" icon="el-icon-search" @click="onSearch">搜索</el-button>
                <el-button type="warning" size="mini" icon="el-icon-refresh-left" @click="onReset('vm')">重置</el-button>
            </el-form-item>
        </el-form>
    </el-card>

    <el-card class="box-card">
        <el-row type="flex" justify="space-between">
            <el-button-group>
            <#if table.isPageAdd()>
            ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/create")>')}
                <el-button type="success" size="mini" icon="el-icon-plus" @click="onCreate">新增</el-button>
            ${print('</#if>')}
            </#if>
            <#if table.isPageDel()>
            ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/delete")>')}
                <el-button type="danger" size="mini" icon="el-icon-delete" @click="onBitchDelete">删除</el-button>
            ${print('</#if>')}
            </#if>
            </el-button-group>

            <el-button-group style="float: right;">
            <#if table.isPageImp()>
                ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/template")>')}
                <el-tooltip effect="dark" content="Excel导入模板下载" placement="bottom">
                    <el-button size="mini" icon="el-icon-date" @click="onTemplate"></el-button>
                </el-tooltip>
                ${print('</#if>')}

                ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/imports")>')}
                <el-tooltip effect="dark" content="Excel导入" placement="bottom">
                    <el-button size="mini" icon="el-icon-upload2" @click="onImport"></el-button>
                </el-tooltip>
                ${print('</#if>')}
            </#if>
            <#if table.isPageExp()>

                ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/exports")>')}
                <el-tooltip effect="dark" content="Excel导出" placement="bottom">
                    <el-button size="mini" icon="el-icon-download" @click="onExport"></el-button>
                </el-tooltip>
                ${print('</#if>')}
            </#if>

                <el-tooltip effect="dark" content="刷新" placement="bottom">
                    <el-button size="mini" icon="el-icon-refresh" @click="onFind"></el-button>
                </el-tooltip>
            </el-button-group>
        </el-row>

        <el-table
                class="data"
                @selection-change="onSelectionChange"
                empty-text="无数据"
                :stripe="true"
                :data="result"
                size="mini">
            <el-table-column
                    align="center"
                    width="45"
                    type="selection">
            </el-table-column>
            <el-table-column
                    align="center"
                    width="140"
                    prop="id"
                    label="主键">
            </el-table-column>
<#list fields as item>
<#if !item.isSystem>
<#if item.fieldType == 'Boolean'>
            <el-table-column
                    align="center"
                    min-width="80"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
                <template slot-scope="scope">
                    <el-tag size="mini" effect="dark" type="success" v-if="scope.row.${item.getFName()}">${item.getLabel("true","是")}</el-tag>
                    <el-tag size="mini" effect="dark" type="danger" v-if="!scope.row.${item.getFName()}">${item.getLabel("false","否")}</el-tag>
                </template>
            </el-table-column>
<#elseif  item.fieldType == 'Byte'>
            <el-table-column
                    align="center"
                    min-width="80"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Character'>
            <el-table-column
                    align="center"
                    min-width="80"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Short'>
            <el-table-column
                    align="center"
                    min-width="80"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Integer'>
            <el-table-column
                    align="center"
                    min-width="80"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Long'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Float'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Double'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'Date'>
            <el-table-column
                    align="center"
                    min-width="140"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif  item.fieldType == 'BigDecimal'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'Dict'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
                <template slot-scope="scope">
                    <el-view-dict v-model="scope.row.${item.getFName()}" dict-name="${item.fieldName}"></el-view-dict>
                </template>
            </el-table-column>
<#elseif item.fieldType == 'Select'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
                <template slot-scope="scope">
                    <#list item.selectItems as st>
                    <el-tag size="mini" v-if="scope.row.${item.getFName()} == '${st.value}'">${st.label}</el-tag>
                    </#list>
                </template>
            </el-table-column>
<#elseif item.fieldType == 'String_1' || item.fieldType == 'String_10'>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'String_var' && item.getFieldLength() lt 15>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'String_var' && item.getFieldLength() lt 50>
            <el-table-column
                    align="center"
                    min-width="150"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'String_var' && item.getFieldLength() gte 50>
            <el-table-column
                    align="center"
                    min-width="180"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'String_var50' || item.fieldType == 'String_var100'>
            <el-table-column
                    align="center"
                    min-width="180"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'String_var255' || item.fieldType == 'String_var500' || item.fieldType == 'String_var2500'|| item.fieldType == 'String_var4000'|| item.fieldType == 'String_super'>
            <el-table-column
                    align="center"
                    min-width="180"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#elseif item.fieldType == 'Long'>
            <el-table-column
                    align="center"
                    min-width="140"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
<#else>
            <el-table-column
                    align="center"
                    min-width="100"
                    prop="${item.getFName()}"
                    label="${item.fieldComment?default("")}">
            </el-table-column>
</#if>
</#if>
</#list>
            <el-table-column
                    align="center"
                    min-width="140"
                    prop="createTime"
                    label="创建时间">
            </el-table-column>
            <el-table-column
                    align="center"
                    width="120"
                    fixed="right"
                    label="操作">
                <template slot-scope="scope">
                    <wb-table-ops :arg="scope.row">
                        ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/update")>')}
                        <wb-table-op value="编辑" icon="el-icon-edit" @click="onEdit"></wb-table-op>
                        ${print('</#if>')}
                        ${print('<#if token.hasRes("/ajax/${module.name}/${table.getFName()}/delete")>')}
                        <wb-table-op value="删除" icon="el-icon-delete" @click="onDelete"></wb-table-op>
                        ${print('</#if>')}
                    </wb-table-ops>
                </template>
            </el-table-column>
        </el-table>

        <el-pagination
                background
                v-if="vm.totalCount > vm.pageSize"
                style="margin-top: 10px"
                @current-change="onPageChange"
                @size-change="onPageSizeChange"
                :current-page="vm.pageNumber"
                :page-size="vm.pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="vm.totalCount">
        </el-pagination>
    </el-card>

    <el-dialog
            :fullscreen="false"
            :title="form.formTitle"
            :custom-class="'dialog'"
            :close-on-click-modal="false"
            :close-on-press-escape="false"
            :modal-append-to-body="true"
            :visible.sync="form.formShow">

        <el-page-header slot="title" @back="form.formShow = false" :content="form.formTitle"></el-page-header>

		<el-form class="form" :model="form" :inline="true" :rules="formRules" ref="form" label-position="right" label-width="90px">
<#list fields as item>
    <#if !item.isSystem>
        <#if item.getFieldTypeJava() =="Boolean">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-radio-group v-model="form.${item.getFName()}" clearable size="mini">
                    <el-radio :label="true">${item.getLabel("true","是")}</el-radio>
                    <el-radio :label="false">${item.getLabel("false","否")}</el-radio>
                </el-radio-group>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Byte">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}"clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :min="-128" :max="127" :step="1" step-strictly></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Character">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" minlength="0" maxlength="1"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Short">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :min="-32768" :max="32767" :step="1" step-strictly></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Integer">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :min="-2147483648" :max="2147483647" :step="1" step-strictly></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Long">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :step="1" step-strictly></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Float">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :step="0.01" step-strictly :precision="2"></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Double">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :step="0.01" step-strictly :precision="2"></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="Date">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-date-picker
                        size="mini"
                        v-model="form.${item.getFName()}"
                        format="yyyy-MM-dd HH:mm:ss"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        type="datetime"
                        placeholder="选择日期时间">
                </el-date-picker>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="BigDecimal">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-number v-model="form.${item.getFName()}"clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" :step="1" step-strictly :precision="2" :step="0.01"></el-input-number>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" &&  item.fieldType == "Dict">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input-dict v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" dict-name="${item.getFieldName()}" ></el-input-dict>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" &&  item.fieldType == "Select">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-select v-model="form.${item.getFName()}" clearable size="mini" filterable placeholder="请输入${item.fieldComment?default("")}">
                    <#list item.selectItems as st>
                        <el-option key="${st.value}" label="${st.label}" value="${st.value}"></el-option>
                    </#list>
                </el-select>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" && item.getFieldLength() lte 50 &&  item.fieldType != "Dict">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="form.${item.getFName()}" clearable size="mini" placeholder="请输入${item.fieldComment?default("")}" maxlength="${item.getFieldLength()}"></el-input>
            </el-form-item>
        <#elseif item.getFieldTypeJava() =="String" && item.getFieldLength() gt 50 &&  item.fieldType != "Dict">
            <el-form-item label="${item.fieldComment?default("")}" prop="${item.getFName()}">
                <el-input v-model="form.${item.getFName()}"
                          clearable
                          size="mini"
                          placeholder="请输入${item.fieldComment?default("")}"
                          type="textarea"
                          maxlength="${item.getFieldLength()}"
                          show-word-limit></el-input>
            </el-form-item>
        </#if>
    </#if>
</#list>
		</el-form>
		<span slot="footer" class="dialog-footer">
			<el-button size="mini" @click="form.formShow = false">取 消</el-button>
			<el-button size="mini" type="primary" @click="onSave">保存</el-button>
		</span>
    </el-dialog>
</div>
<script>
    var app = new Vue({
        mixins: [mixinForMgr],
        el: "#app",
        data: {
            module: '${module.getName()}',
            target: '${table.getFName()}',
            vm: {//条件及分页参数
<#list fields as item>
<#if item.isQuery || item.isLike>
    <#if item.isQuery>
                ${item.getFName()}: null,
    </#if>
    <#if item.isLike>
                ${item.getFName()}Like: null,
    </#if>
</#if>
</#list>
                startDate: null,
                endDate: null,
                pageNumber: 1,
                pageSize: 10,
                totalCount: 0,
<#if table.getSys()>
                sortKey:'CREATE_TIME',
                sortType:'DESC'
<#else>
                sortKey:null,
                sortType:null
</#if>
            },
            form: {//待提交表单
                formTitle: "",
                formShow: false,
                id: null,
<#list fields as item>
<#if !item.isSystem>
                ${item.getFName()}: null,
</#if>
</#list>
                rowVersion: null
            },
            formRules: {
<#list fields as field>
<#if !field.isSystem>
                ${field.getFName()}: [
<#if field.isMust>
                    {required: true, message: '${field.fieldComment?default("")}不能为空', trigger: 'blur'},
</#if>
<#if field.fieldType?contains("String_") && field.fieldType != 'String_super'>
                    {min: 1, max: ${field.fieldLength}, message: '${field.fieldComment?default("")}长度在 1 到 ${field.fieldLength} 个字符', trigger: 'blur'}
</#if>
                ],
</#if>
</#list>
            }
        },
        methods: {
            onCreate: function () {
                this.form.formTitle = "${table.tableComment?default("")}新增";
                this.form.formShow = true;
                this.form.id = "";
<#list fields as item>
<#if !item.isSystem>
                this.form.${item.getFName()} = "";
</#if>
</#list>
            },
            onEdit: function (item) {
                this.form.formTitle = "${table.tableComment?default("")}编辑";
                this.form.formShow = true;
                this.form.id = item.id;
<#list fields as item>
<#if !item.isSystem>
                this.form.${item.getFName()} = item.${item.getFName()};
</#if>
</#list>
                this.form.rowVersion = item.rowVersion;
            },
            onDelete: function (item) {
                this.$confirm('将删除该项, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(function () {
                    new Ajax("${module.name}", "${table.getFName()}").delete({id: item.id}, function (response) {
                        if (response.errors.length > 0) {
                            nav.e(response.errors[0].message);
                        } else {
                            nav.s("删除成功.");
                            this.onFind();
                        }
                    }.bind(this))
                }.bind(this)).catch(function (action) {

                });
            }
        },
        mounted: function () {
            this.onFind();
        },
    })
</script>
